// loading.js
import { createApp } from 'vue'
import LoadingComponent from './index.vue'

const loading = {
    install: function (app) {
/*        // 创建一个Vue的“子类”组件
        const LoadingConstructor = Vue.extend(LoadingComponent)

        // 创建一个该子类的实例,并挂载到一个元素上
        const instance = new LoadingConstructor()*/

        const instance = createApp(LoadingComponent).mount(document.createElement('div'))

        // // 将这个实例挂载到动态创建的元素上,并将元素添加到全局结构中
        // instance.$mount(document.createElement('div'))
        document.body.appendChild(instance.$el)

        // 在Vue的原型链上注册方法，控制组件

        app.config.globalProperties.$loading={
            show:(text = '检测中...')=>{
                instance.text = text
                instance.show = true
            },
            hide:()=>{
                instance.show = false
            },
        }

    },
    show:function(){
        console.log('show')
    }
}

export default loading
